<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
    <title>Title</title>
	<script type="text/javascript" src="require.js"></script>
</head>

<body>
	<canvas id="qrcode"></canvas>
</body>

<script type="text/javascript">
	var __awesome_qr_base_path = "qr"; 
	window.onload = function(){
		require([__awesome_qr_base_path + '/awesome-qr'], function (AwesomeQR) {
			var img = new Image();
			img.crossOrigin = "Anonymous";
			img.onload = () => {
				AwesomeQR.create({
					text: 'Makito loves Kafuu Chino.',
					size: 800,
					margin: 20,
					backgroundImage: img,
					bindElement: 'qrcode'
				});
			};
			img.src = "https://avatars3.githubusercontent.com/u/5277268?s=460&v=4";
		});
	}
</script>
</html>